/*
	---------------------------------------------
	-	CSS Stuff
	-	/core.css
	-	Major styles.
	---------------------------------------------
	-	Author:	James Haley
	-			james.haley@sevendigits.com
	-			2011
	---------------------------------------------
*/

	body {
		background: #f5f5f5;
		font-family: Helvetica,Arial,sans-serif;
		font-size: 0.75em;
		margin: 0;
		padding: 1em;
		color: #666;
	}
	
	/*-- Water -------------------- */
	
		a {
			text-decoration: none;
			color: #333;
		}
		
			a:hover {
				text-decoration: underline;
			}
		
		h1,h2,h3,h4,h5,h6 {
			margin: 0;
			border: 0;
			text-decoration: none;
		}
		
		::selection {
			background: #DA3582;
			color: #FFF;
		}
		
		input {
			border: 3px solid #CCC;
			color: #666;
			font-size: 2.5em;
			padding: 0.3em;
			text-transform: lowercase;
			border-radius: 5px;
		}
		
			input:focus {
				outline: 0px;
				border-color: #DA3582 !important;
				color: #333;
			}
			
			input.error {
				border-color: #CC0000 !important;
				color: #CC0000;
			}
			
	
	/*-- Milk --------------------- */
		
		.left {
			float: left;
		}
		
		.right {
			float: right;
		}
		
		.clear {
			clear: both;
			visibility: hidden;
		}
		
		.clearfix:after {
			content: ".";
			display: block;
			clear: both;
			height: 0;
			visibility: hidden;
		}
		
		.invisible {
			visibility: hidden;
		}
		
		
	/*-- Sugar -------------------- */
	
		div.header {
			width: 35em;
		}
		
			div.header .logo {
				margin-right: 1em;
			}
			
			div.header h1 {
				color: #DA3582;
			}
		
		div.main {
			margin-top: 1em;
			background-color: #FFF;
			border: 1px SOLID #CCC;
			border-radius: 5px;
			padding: 1em;
		}
		
			div.main div.column {
				margin-right: 1em;
			}
			
				div.main div.column:hover {
					color: #666;
				}
				
				div.main div.column.em:hover {
					color: #DA3582;
				}
				
					div.main div.column:hover input {
						border-color: #AAA;
					}
				
				div.column h3 {
					margin-bottom: 0.5em;
				}
			
				div.column input {
					width: 3em;
				}
			
			div.main div.options {
				clear: both;
				margin-top: 1em;
			}
			
				div.main div.options a {
					padding: 0.3em 0.5em 0.3em 0.5em;
					background: #EEE;
					border-radius: 3px;
				}
				
					div.main div.options a:hover {
						background-color: #333;
						color: #EEE;
						text-decoration: none;
					}
					
					div.main div.options a.done {
						background-color: #8cc851;
						color: #FFF;
					}
			
			div.main.about p {
				color: #666;
				font-size: 1.1em;
			}
				
				div.main.about p a {
					color: #DA3582;
				}
						
						
						
						
						
						